
#menu {
 padding:0 0 0 1em;
 margin:0;
 list-style:none;
 height:43px;
 position:relative;
 background:transparent url(pro16_back.gif) repeat-x left top;
 font-size:11px;
 }
/*
#menu ul {list-style:none;}

#menu ul li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(pro16_0a.gif) no-repeat;}

#menu ul li a b {float:left; display:block; padding:0 60px 0 0; background:url(pro16_0.gif) no-repeat right top;}

#menu ul li.current a {color:#000; background:url(pro16_2a.gif) no-repeat;}

#menu ul li.current a b {color:#000; background:url(pro16_2.gif) no-repeat right top;}

#menu ul li a:hover {color:#000; background: url(pro16_2a.gif) no-repeat;}

#menu ul li a:hover b {color:#000; background:url(pro16_2.gif) no-repeat right top;}

#menu ul li.current a:hover {color:#000; cursor:default;}

#menu ul li.#logMenu{
	padding-top:50px;
}
*/
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;

 }
#menu li a {
 display:block;
 width:165px;
 color:grey;
 text-decoration:none;
 padding:5px;
 background:url(pro16_0a.gif) no-repeat;
 }
 
#menu li a:hover {
 color:#c6c6c6;
 }
 
#menu ul li ul {
 display:none;
 }
 
 #menu ul li:hover ul {
 display:block;
 }
 
#menu li:hover ul li {
 float:none;
 }
 
 
 #menu li ul {
 position:absolute;
 }
 
 #menu {
 height:50px;
 }

h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
    /* reset some of the page elements */
    margin:0px;
    padding:0px;
    
    font:12px/18px Lucida Sans, sans-serif;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

button {  width: auto; overflow: visible; }

.clear{
    clear:both;
}

#main-container{
    width:400px;
    margin:30px auto;
}

#form-container{
    background-color:#f5f5f5;
    padding:15px;

    /* rounded corners */
    -moz-border-radius:12px;
    -khtml-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius:12px;
}


a, a:visited {
    color:#00BBFF;
    text-decoration:none;
    outline:none;
}

a:hover{
    text-decoration:underline;
}


label{
    text-transform:uppercase;
    font-size:10px;
    font-family:Tahoma,Arial,Sans-serif;
}

textarea{
    color:#404040;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}

td > button{
    /* A special CSS selector that targets non-IE6 browsers */
    text-indent:8px;
}

.error{
    /* this class is used if JS is disabled */
    background-color:#AB0000;
    color:white;
    font-size:10px;
    font-weight:bold;
    margin-top:10px;
    padding:10px;
    text-transform:uppercase;
    width:300px;
}

#loading{
    /* the loading gif is hidden on page load */
    position:relative;
    bottom:9px;
    visibility:hidden;
}

.tutorial-info{
    color:white;
    text-align:center;
    padding:10px;
    margin-top:10px;
}

table tr td{
	width:50px;
}

#tRapportExistant {

    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    float:left;
	min-width:100%;
    text-align: left;
    border-collapse: collapse;
}
#tRapportExistant th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/s1600/gradhead.png') repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
  
}


#main-container #test{
	margin-top:-150px;
	margin-left:-100px;
	width:850px;
}


#tRapportExistant td {
		
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background-color: #e8edff;
    cursor:pointer;
}


#tRapportExistant tfoot tr td {
    background: #e8edff;
    font-size: 16px;
    background-color: #99c;
    text-align:center;
}
#tRapportExistant tbody tr:hover td {
    background: #d0dafd ;
    
}
#tRapportExistant a:hover {
    text-decoration:underline;
}

#formLogin
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 240px;
    width: 400px;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

#formInscription

{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 350px;
    width: 400px;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);

}

#login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

/*--------------------*/

h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}

h1:after, h1:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;   
}

h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

/*--------------------*/

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

/*--------------------*/

#inputs input
{
    background: #f1f1f1 url(http://www.red-team-design.com/wp-content/uploads/2011/09/login-sprite.png) no-repeat;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}


#login,#loginInscription,#user_mail
{
    background-position: 5px -2px !important;
}

#mdp,#mdpInscription,#confirmMdp
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

#inputs2 input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/
#actions
{
    margin: 25px 0 0 0;
}





#btCheckLogin , #btInscription, #btValidInscription
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
    margin-right:10px;
}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}


body{

background: rgb(255, 249, 255);
background: -moz-linear-gradient(90deg, rgb(255, 249, 255) 30%, rgb(210, 217, 212) 70%);
background: -webkit-linear-gradient(90deg, rgb(255, 249, 255) 30%, rgb(210, 217, 212) 70%);
background: -o-linear-gradient(90deg, rgb(255, 249, 255) 30%, rgb(210, 217, 212) 70%);
background: -ms-linear-gradient(90deg, rgb(255, 249, 255) 30%, rgb(210, 217, 212) 70%);
background: linear-gradient(180deg, rgb(255, 249, 255) 30%, rgb(210, 217, 212) 70%);

}


select{
	width:140px;
}

#r{
	margin:215px; 
}

#report{
	width:400px;

}

#mesReports{
	margin:100px 0 0 0;
}



#auteur{
	color: #669;
	font-family:italic;
	font-size:1em;
}


#contenu{
	color: #669;
	border-radius:5px;
	background: #d0dafd ;
	border:1px solid white;
	margin-left:25px;
	padding:5px;
	font-size:0.9em;
	width:350px;
}

#dateEnvoi{
	color: #669;
	margin:0 0 20px 300px;
	font-size:0.8em;
}




#addMessageReport, .resolu{
	margin:5px 0 0 25px;
	color: #669;
	background: #d0dafd ;
	border-color:white;
	width:80px;
	
}


.division{
	float:left;
	margin:50px 0 0 50px;
}


.clear{
	clear:left;
}

#afficheDroit{
	margin-top:50px;
}

#afficheDroit table, #afficheDroit table tr td{
	border:1px solid grey;
	border-radius:5px;
	border-collapse: collapse;
	width:400px;
	padding:5px;
	
}

#afficheDroit table tr:first-child,#afficheDroit table tr:nth-child(2){
	text-align:center;
}

.positionTable{
	margin-left:300px;
}

#btAddRightUser{
	margin:20px 0 0 230px;
}

#btAddRight{
	margin:20px 0 0 180px;
}

.corps{
	width:900px;
}

#btAddApp{
	margin:20px 0 0 130px;
}


#users{
	float:left;
	margin:70px 0 0 50px;
}

#field{
	width:300px;
	margin:50px 0 0 150px;
}

table#border tr td{
	width:150px;
}

#shao{
	margin-top:50px;
}

#shao table,#shao table tr td{
	border:1px solid grey;
	border-radius:5px;
	border-collapse: collapse;
	width:400px;
	padding:5px;
}

#shao table tr:first-child,#shao table tr:nth-child(2){
	text-align:center;
}


#deconnexion{
	cursor:pointer;
}

